body.page-product-form {
  .category-select {
    .category-cascader {
      &:not(.no-data) {
        .el-input__wrapper {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          // 增加高度以匹配其他input框
          min-height: 40px;
          height: 40px;
        }
      }
    }

    .category-data {
      margin-top: -1px;
      border: 1px solid #dcdfe6;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      max-height: 200px;
      padding: 10px 0;
      overflow-y: auto;

      &>div {
        padding: 3px 10px;
        transition: all 0.2s ease-in-out;

        &:hover {
          background-color: #eee;
        }

        .category-name {
          transition: all 0.2s ease-in-out;
        }

        .delete-icon {
          color: #999;

          &:hover {
            color: #d80000;
          }
        }

        &:hover {
          .category-name {
            padding-left: 4px;
          }
        }
      }
    }
  }

  .variants-box {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

    .card-header {
      border-bottom: 1px solid #dee2e6;

      .card-title {
        color: #495057;
        font-weight: 600;
      }
    }

    // 从 blade 文件迁移的样式
    .variant-values-container {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    
    .variant-values-list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    
    .variant-value-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 8px;
      border: 1px solid #dee2e6;
      border-radius: 6px;
      background: #f8f9fa;
      cursor: pointer;
      transition: all 0.2s;
      min-width: 80px;
      
      &:hover {
        border-color: #0d6efd;
        background: #e7f1ff;
        
        .variant-value-delete-btn {
          display: flex;
        }
      }
    }
    
    .variant-image-container {
      width: 40px;
      height: 40px;
      border: 2px dashed #dee2e6;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 4px;
      cursor: pointer;
      transition: border-color 0.2s;
      
      &:hover {
        border-color: #0d6efd;
      }
    }
    
    .variant-value-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 2px;
    }
    
    .variant-placeholder-icon {
      font-size: 18px;
      color: #6c757d;
    }
    
    .variant-value-name {
      font-size: 14px;
      text-align: center;
      word-break: break-all;
      max-width: 80px;
    }
    
    .open-file-manager {
      cursor: pointer;
    }
    
    .add-value-btn {
      border: 2px dashed #dee2e6;
      background-color: #f8f9fa;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
      
      &:hover {
        border-color: #007bff;
        background-color: #e7f3ff;
        color: #007bff;
      }
      
      i {
        font-size: 16px;
        margin-bottom: 2px;
      }
    }
    
    .variant-value-delete-btn {
      position: absolute;
      top: -5px;
      right: -5px;
      background: #dc3545;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      display: none;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 10;
      
      i {
        color: white;
        font-size: 12px;
      }
    }
    
    // 批量设置区域样式
    .variant-selector-container {
      background: #f8f9fa;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 15px;
      
      .row {
        align-items: center;
        margin-bottom: 10px;
        padding: 8px;
        border-radius: 6px;
        transition: background-color 0.2s;
        
        &:hover {
          background-color: #e9ecef;
        }
      }
    }
    
    .form-check {
      margin-right: 15px;
      margin-bottom: 8px;
    }
    
    .form-check-input:checked {
      background-color: #0d6efd;
      border-color: #0d6efd;
    }
    
    .batch-settings-panel {
      .card {
        border: 1px solid #e3e6f0;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
      }
      
      .card-header {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-bottom: 2px solid #dee2e6;
        color: white;
        
        h6 {
          color: white;
          font-weight: 600;
        }
      }
      
      .form-label {
        font-weight: 500;
        margin-bottom: 0.25rem;
        font-size: 0.875rem;
      }
      
      .form-control-sm {
        font-size: 0.875rem;
        padding: 0.375rem 0.5rem;
      }
      
      .btn-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        font-weight: 500;
        transition: all 0.2s ease;
        
        &:hover {
          transform: translateY(-1px);
          box-shadow: 0 4px 8px rgba(102, 126, 234, 0.3);
          background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
        }
      }
      
      .row {
        margin: 0;
      }
      
      .col-md-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
      }
    }
    
    .modal-dialog.modal-lg {
      max-width: 900px;
    }
    
    .btn-outline-secondary.btn-sm {
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
    }
    
    // 表格样式优化
    .variant-skus-table {
      .table-bordered {
        border: 1px solid #e3e6f0;
      }
      
      .table-light {
        background-color: #f8f9fc;
        border-color: #e3e6f0;
      }
      
      th {
        font-weight: 600;
        font-size: 0.875rem;
        color: #5a5c69;
        border-color: #e3e6f0;
      }
    }

    .add-variant {
      padding: 24px 20px;
      background: #f8f9fa;
      border-radius: 6px;
      margin: 16px 0;
      border: 2px dashed #dee2e6;
      transition: all 0.3s ease;

      &:hover {
        border-color: #0d6efd;
        background: #e7f1ff;

        .cursor-pointer {
          color: #0d6efd;
        }
      }

      &:not(.no-variants) {
        border-top: 2px dashed #dee2e6;
        margin-top: 20px;
      }

      .cursor-pointer {
        font-weight: 500;
        transition: color 0.3s ease;
      }
    }

    .variant-wrap {
      margin: 16px 0;

      .variant-item {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        margin-bottom: 16px;
        padding: 20px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
        transition: all 0.3s ease;

        &:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          border-color: #0d6efd;
        }

        &:last-child {
          margin-bottom: 0;
        }
      }

      // Variant dialog styles
      .variant-values-container {
        display: flex;
        flex-direction: column;
        gap: 8px;
      }

      .variant-values-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .variant-value-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        background: #f8f9fa;
        cursor: pointer;
        transition: all 0.2s;
        min-width: 80px;

        &:hover {
          border-color: #0d6efd;
          background: #e7f1ff;

          .variant-value-delete-btn {
            display: flex;
          }
        }
      }

      .variant-image-container {
        width: 40px;
        height: 40px;
        border: 2px dashed #dee2e6;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 4px;
        cursor: pointer;
        transition: border-color 0.2s;

        &:hover {
          border-color: #0d6efd;
        }
      }

      .variant-value-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 2px;
      }

      .variant-placeholder-icon {
        font-size: 18px;
        color: #6c757d;
      }

      .variant-value-name {
        font-size: 14px;
        text-align: center;
        word-break: break-all;
        max-width: 80px;
      }

      .open-file-manager {
        cursor: pointer;
      }

      .add-value-btn {
        border: 2px dashed #dee2e6;
        background-color: #f8f9fa;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;

        &:hover {
          border-color: #007bff;
          background-color: #e7f3ff;
          color: #007bff;
        }

        i {
          font-size: 16px;
          margin-bottom: 2px;
        }
      }

      .variant-value-delete-btn {
        position: absolute;
        top: -5px;
        right: -5px;
        background: #dc3545;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 10;

        i {
          color: white;
          font-size: 12px;
        }
      }

      .variant-data {
        padding: 20px 0 0 0;
        margin: 0;
        border-bottom: 1px solid #f5f5f5;

        &:last-child {
          border-bottom: none;
        }

        &:first-child {
          padding-top: 0;
        }

        .variant-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 12px;

          .left {
            display: flex;
            align-items: center;
            flex: 1;
            gap: 12px;

            .icon {
              font-size: 20px;
              color: #6c757d;
              cursor: move;
              padding: 4px;
              border-radius: 4px;
              transition: all 0.2s ease;

              &:hover {
                background: #f8f9fa;
                color: #495057;
              }
            }

            .title {
              font-size: 16px;
              font-weight: 600;
              color: #212529;
              margin: 0;
              display: flex;
              align-items: center;
              gap: 8px;

              &::before {
                content: '';
                width: 4px;
                height: 16px;
                background: linear-gradient(135deg, #0d6efd, #6610f2);
                border-radius: 2px;
              }
            }
          }

          .right {
            display: flex;
            gap: 8px;
            flex-shrink: 0;

            .btn {
              font-size: 13px;
              padding: 6px 12px;
              border-radius: 6px;
              font-weight: 500;
              transition: all 0.2s ease;

              &:hover {
                transform: translateY(-1px);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
              }
            }
          }
        }

        .variant-values {
          margin-top: 0;

          .variant-values-container {
            background: #fafbfc;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 16px;
            margin-top: 0;
            width: 100%;

            .form-check-label {
              font-size: 13px;
              color: #6c757d;
              margin-bottom: 12px;
              display: inline-flex;
              align-items: center;
              gap: 6px;

              .form-check-input {
                margin: 0;
              }
            }

            .variant-values-list {
              .variant-value-item {
                background: white;
                border: 1px solid #e9ecef;
                border-radius: 6px;
                padding: 8px 12px;
                font-size: 13px;
                color: #495057;
                transition: all 0.2s ease;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                position: relative;
                min-height: 48px;

                &:not(:has(.variant-image-container)) {
                  .variant-value-name {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    min-height: 32px;
                  }
                }

                &:hover {
                  border-color: #0d6efd;
                  color: #0d6efd;
                  box-shadow: 0 2px 4px rgba(13, 110, 253, 0.1);
                }

                &.add-value-btn {
                  background: #f8f9fa;
                  border-style: dashed;
                  color: #6c757d;
                  cursor: pointer;

                  &:hover {
                    background: #e7f1ff;
                    border-color: #0d6efd;
                    color: #0d6efd;
                  }

                  i {
                    font-size: 14px;
                  }
                }

                .variant-value-delete-btn {
                  position: absolute;
                  top: -6px;
                  right: -6px;
                  width: 16px;
                  height: 16px;
                  background: #dc3545;
                  border-radius: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  cursor: pointer;
                  opacity: 0;
                  transition: opacity 0.2s ease;

                  i {
                    font-size: 10px;
                    color: white;
                  }
                }

                &:hover .variant-value-delete-btn {
                  opacity: 1;
                }

                .variant-image-container {
                  width: 32px;
                  height: 32px;
                  border-radius: 6px;
                  overflow: hidden;
                  flex-shrink: 0;

                  img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                  }

                  i {
                    font-size: 16px;
                    color: #6c757d;
                  }
                }

                .variant-value-name {
                  font-size: 14px;
                  line-height: 1.2;
                  display: flex;
                  align-items: center;
                  min-height: 32px;
                }
              }
            }
          }
        }
      }

      .add-variant-form {
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        border: 1px solid #e9ecef;
        border-radius: 8px;
        padding: 24px;
        margin-top: 16px;

        .add-variant-title {
          margin-bottom: 24px;

          .variant-label {
            .form-label {
              font-size: 16px;
              font-weight: 600;
              color: #212529;
              margin-bottom: 12px;
              display: flex;
              align-items: center;
              gap: 8px;

              &::before {
                content: '📝';
                font-size: 14px;
              }
            }

            .v-locales-input {
              background: #fff;
              border-radius: 8px;
              padding: 16px;
              border: 1px solid #dee2e6;

              .input-group {
                margin-bottom: 8px;

                &:last-child {
                  margin-bottom: 0;
                }

                .input-group-text {
                  background: #f8f9fa;
                  border-color: #dee2e6;
                  font-weight: 500;
                }

                .form-control {
                  border-color: #dee2e6;

                  &:focus {
                    border-color: #0d6efd;
                    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
                  }
                }
              }
            }
          }
        }

        .add-variant-values {
          >.form-label {
            font-size: 16px;
            font-weight: 600;
            color: #212529;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;

            &::before {
              content: '🏷️';
              font-size: 14px;
            }
          }

          .add-variant-value {
            background: #fff;
            border-radius: 8px;
            padding: 16px;
            border: 1px solid #dee2e6;
            margin-bottom: 16px;

            .add-variant-value-item {
              display: flex;
              align-items: flex-start;
              margin-bottom: 16px;
              padding: 12px;
              background: #f8f9fa;
              border-radius: 6px;
              border: 1px solid #e9ecef;
              transition: all 0.2s ease;

              &:hover {
                border-color: #0d6efd;
                background: #e7f1ff;
              }

              &:last-child {
                margin-bottom: 0;
              }

              .icon {
                font-size: 18px;
                color: #6c757d;
                cursor: move;
                margin-top: 8px;
                margin-right: 12px;
                padding: 4px;
                border-radius: 4px;
                transition: all 0.2s ease;

                &:hover {
                  background: #fff;
                  color: #495057;
                }
              }

              .variant-value {
                flex: 1;

                .v-locales-input {
                  .input-group {
                    margin-bottom: 6px;

                    &:last-child {
                      margin-bottom: 0;
                    }
                  }
                }
              }

              .delete-icon {
                width: 32px;
                height: 32px;
                flex: 0 0 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                font-size: 16px;
                color: #6c757d;
                border-radius: 6px;
                transition: all 0.2s ease;
                margin-top: 8px;

                &:hover {
                  background: #dc3545;
                  color: #fff;
                  transform: scale(1.1);
                }
              }
            }

            .add-variant-btns {
              border-top: 1px solid #e9ecef;
              padding-top: 16px;
              margin-top: 16px;

              .text-primary {
                background: #e7f1ff;
                border: 1px solid #b3d9ff;
                border-radius: 6px;
                padding: 8px 12px;
                display: inline-block;
                transition: all 0.2s ease;

                &:hover {
                  background: #cce7ff;
                  transform: translateY(-1px);
                }
              }

              .d-flex {
                margin-top: 16px;

                .btn {
                  font-weight: 500;
                  padding: 8px 16px;
                  border-radius: 6px;
                  transition: all 0.2s ease;

                  &:hover {
                    transform: translateY(-1px);
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                  }
                }
              }
            }
          }
        }
      }
    }

    .variant-skus-wrap {
      margin: 24px 0;
      background: #fff;
      border: 1px solid #e9ecef;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);

      .variant-skus-top {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-bottom: 1px solid #dee2e6;
        padding: 16px 20px;
        border-radius: 8px 8px 0 0;

        h6 {
          margin: 0;
          font-weight: 600;
          color: #495057;
          display: flex;
          align-items: center;
          gap: 8px;

          &::before {
            content: '📊';
            font-size: 14px;
          }
        }
      }
    }

    .variant-skus-table {
      border-radius: 0 0 8px 8px;
      overflow: hidden;

      >.table {
        margin-bottom: 0;

        th {
          background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
          border: none;
          border-bottom: 2px solid #dee2e6;
          font-weight: 600;
          color: #495057;
          padding: 16px 12px;
          font-size: 13px;
          vertical-align: middle;

          &:first-child {
            padding-left: 20px;
            border-radius: 0;
          }

          &:last-child {
            padding-right: 20px;
          }
        }

        >tbody>tr {
          transition: all 0.2s ease;

          &:hover {
            background-color: #f8f9fa;
          }

          >td {
            padding: 12px;
            border-bottom: 1px solid #f0f0f0;
            vertical-align: middle;

            &:first-child {
              padding-left: 20px;
            }

            &:last-child {
              padding-right: 20px;
            }

            .form-control {
              border-radius: 6px;
              border: 1px solid #dee2e6;
              font-size: 13px;
              padding: 6px 10px;
              transition: all 0.2s ease;

              &:focus {
                border-color: #0d6efd;
                box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
              }

              &.is-invalid {
                border-color: #dc3545;

                &:focus {
                  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
                }
              }
            }
          }
        }

        tr {
          &.sub-variant {
            td:first-child {
              padding-left: 2.4rem;

              .up-variant-image {
                width: 40px;
                height: 40px;

                &:active {
                  background-color: #eee;
                }

                i {
                  font-size: 14px;
                }
              }

              .sku-text {
                font-size: 13px;
                margin-bottom: 1px;
                color: #555;
              }
            }
          }

          &.original-variant {
            cursor: pointer;

            &:hover {
              background-color: #f4f4f4;
            }
          }
        }

        .sku-image-name {
          display: flex;
          align-items: center;
          gap: 12px;

          .up-variant-image {
            width: 48px;
            height: 48px;
            border-radius: 8px;
            border: 2px dashed #dee2e6;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            background: #f8f9fa;
            flex-shrink: 0;

            &:hover {
              border-color: #0d6efd;
              background: #e7f1ff;
              transform: scale(1.05);
            }

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 6px;
            }

            i {
              font-size: 16px;
              color: #6c757d;
              transition: color 0.2s ease;
            }

            &:hover i {
              color: #0d6efd;
            }
          }

          .variant-info {
            flex: 1;
            min-width: 0;

            .sku-text {
              font-size: 13px;
              font-weight: 500;
              color: #212529;
              margin-bottom: 4px;
              line-height: 1.3;
              word-break: break-word;
            }

            .up-master {
              font-size: 11px;

              .text-success {
                color: #198754 !important;
                font-weight: 500;

                i {
                  margin-right: 2px;
                }
              }

              .opacity-50 {
                color: #6c757d;
                transition: all 0.2s ease;

                &:hover {
                  color: #495057;
                  opacity: 1 !important;
                }

                i {
                  margin-right: 2px;
                }
              }
            }
          }

          .variant-show {
            color: #6c757d;
            cursor: pointer;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 4px;
            transition: all 0.2s ease;

            &:hover {
              color: #0d6efd;
              background: #e7f1ff;
            }
          }
        }
      }
    }
  }

  .v-locales-input {
    >.input-group {
      margin-top: -1px;

      &:first-child {
        input {
          border-top-right-radius: 4px;
        }

        .input-group-text {
          border-top-left-radius: 4px;
        }
      }

      &:last-child {
        input {
          border-bottom-right-radius: 4px;
        }

        .input-group-text {
          border-bottom-left-radius: 4px;
        }
      }

      input,
      .input-group-text {
        border-radius: 0;
        font-size: 13px;
      }

      .input-group-text {
        width: 100px;
        flex: 0 0 100px;
      }

      img {
        width: 20px;
        margin-right: 4px;
      }
    }
  }

  .variant-skus-table .batch-input-item {
    margin: 0;
    padding: 8px 0;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e9ecef;
  }

  .variant-skus-table .batch-input-item .input-group {
    width: 100%;
    min-width: 140px;
    border-radius: 6px;
    overflow: hidden;
  }

  .variant-skus-table .batch-input-item .form-control {
    height: 32px;
    font-size: 12px;
    border: 1px solid #dee2e6;
    border-right: 0;
    background: #fff;
    transition: all 0.2s ease;

    &:focus {
      border-color: #0d6efd;
      box-shadow: none;
    }

    &::placeholder {
      color: #6c757d;
      font-size: 11px;
    }
  }

  .variant-skus-table .batch-input-item .btn {
    border: 1px solid #dee2e6;
    border-left: 0;
    background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
    font-size: 11px;
    padding: 6px 10px;
    font-weight: 500;
    color: #495057;
    transition: all 0.2s ease;
    white-space: nowrap;

    &:hover {
      background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
      border-color: #0d6efd;
      color: #fff;
      transform: translateY(-1px);
      box-shadow: 0 2px 4px rgba(13, 110, 253, 0.25);
    }

    &:active {
      transform: translateY(0);
    }
  }

  .variant-skus-table thead th {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
  }

  .variant-skus-table tbody td .form-control {
    font-size: 13px;
  }

  /* Remove old batch input styles */
  .batch-input-area {
    display: none;
  }

  /* Video module styles */
  .video-nav-tabs {
    border-bottom: 1px solid #dee2e6;

    .nav-link {
      border: none;
      border-bottom: 2px solid transparent;
      background: none;
      color: #6c757d;
      padding: 0.75rem 1rem;
      transition: all 0.3s ease;

      &:hover {
        color: #495057;
        border-bottom-color: #dee2e6;
      }

      &.active {
        color: #0d6efd;
        border-bottom-color: #0d6efd;
        background: none;
      }
    }
  }

  .video-upload-area {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;

    &:hover {
      border-color: #0d6efd;
      background-color: #f8f9ff;
    }
  }

  .video-preview-container {
    position: relative;
    display: inline-block;
  }

  .video-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
  }

  .video-help-text {
    background-color: #e7f3ff;
    border: 1px solid #b3d9ff;
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #0c5aa6;

    i {
      color: #0d6efd;
    }
  }

  .set-product-img {
    width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .wh-80 {
    width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  #product-video {
    .tab-content {
      min-height: 120px;
    }

    .form-text {
      font-size: 0.875rem;
      color: #6c757d;
    }
  }
}